<template>
  <div class="footer">
    <div class="footer-title">
      <div class="text">关于我们</div>
      <div class="line"></div>
      <div class="text">用户隐私权政策</div>
      <div class="line"></div>
      <div class="text">用户服务协议</div>
      <div class="line"></div>
      <div class="text">联系我们</div>
    </div>
    <div class="footer-icon">
      <span class="iconfont icon-weixin"></span>
      <span class="iconfont icon-24gf-telephone2"></span>
    </div>
    <div style="margin-bottom: 10px">
      <span>Copyright © 2010-2022 </span>
      <span style="font-size: 14px">南京爱一格网络科技有限公司 版权所有</span>
    </div>
    <div style="font-size: 14px; margin-bottom: 10px">
      <span>经营性许可证编号： 苏B2-20180515</span>
      <img
        style="margin-left: 20px"
        class="jinying"
        src="@/assets/jinying.png"
      />
      <span>苏网文〔2021〕4647-106号</span>
    </div>
    <div style="margin-bottom: 10px">苏ICP备20036081号</div>
    <div>
      <img src="@/assets/gongan.png" />
      苏公网安备 32010602010735号
    </div>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.footer {
  width: 100%;
  min-width: 1200px;
  height: 260px;
  background-color: #221f23;
  color: #b1b5c1;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: 24px 0 18px;
}
/* 标题 */
.footer .footer-title {
  display: flex;
  align-items: center;
  font-size: 14px;
  margin-bottom: 20px;
}
.footer .footer-title .line {
  margin: 0 100px;
  width: 1px;
  height: 16px;
  background-color: #b1b5c1;
}
/* 图标 */
.footer .footer-icon {
  margin-bottom: 20px;
}
.footer .footer-icon .iconfont {
  font-size: 30px;
  margin: 0 30px;
}
.footer > div {
  display: flex;
  align-items: center;
}
.footer > div .jinying {
  width: 20px;
  height: 20px;
}
</style>
